import { TableCell, styled } from "@mui/material";

const NulHeaderTableCell = styled(TableCell)({
  padding: 0,
  height: '100%',
  display: 'flex',
  alignContent: 'center',
  flexWrap: 'wrap',
  backgroundColor: '#F1F3F5',
  textTransform: 'uppercase',
  color: '#596A7C',
  fontSize: '12px',
  fontWeight: '600',
  letterSpacing: '0.08em',
});

const NulTableCell = styled(TableCell)({
  display: 'flex',
  height: '100%',
  padding: 0,
  fontFamily: 'Open Sans',
  fontStyle: 'normal',
  fontWeight: 400,
  fontSize: '14px',
  lineHeight: '20px',
  alignContent: 'center',
  flexWrap: 'wrap',
});

export { NulHeaderTableCell, NulTableCell };
